<mat-card class="mat-elevation-z4">
  <mat-card-header fxLayoutAlign="center center">
      <mat-card-title fxLayout="row" fxLayoutAlign="center center" fxLayoutGap="4px">
          <img src="/assets/images/bee_log_32x32.png">
          <span>BEE管理系统</span>
      </mat-card-title>
  </mat-card-header>
  <mat-card-content fxLayout="column">
      <form [formGroup]="loginForm" (ngSubmit)="login()">
          <mat-form-field class="width-full">
              <input matInput placeholder="用户名" formControlName="account" required>
          </mat-form-field>
          <mat-form-field class="width-full">
              <input matInput type="password" placeholder="密码" formControlName="password" required>
          </mat-form-field>
          <mat-error *ngIf="message" fxLayoutAlign="center center">{{ message }}</mat-error>
          <button mat-raised-button type="submit" class="width-full" color="accent" [disabled]="!loginForm.valid">登录</button>
      </form>

  </mat-card-content>
  <mat-card-footer fxLayoutAlign="center center">
      &copy;2020 by aphuse
  </mat-card-footer>
</mat-card>
